<template>
  <div class="p3">
    <span>{{ widgetName }}</span>
    <p>姓名：{{ name }}</p>
    <p>身高：{{ heightAlias }}</p>
  </div>
</template>

<script>
export default {
  name: 'Person3',
  props: {
    widgetName: {
      type: String,
    },
    name: {
      type: String,
    },
    height: {
      type: Number,
    },
  },
  computed: {
    heightAlias() {
      return `${this.height}cm`;
    },
  },
};
</script>

<style scoped>
.p3 {
  background: yellowgreen;
  padding: 10px;
}
</style>
